<!DOCTYPE html>
<html lang="zh-cn" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta name="Author" contect="http://www.webqin.net">
    <title>德蒙斯特线上商城</title>
    <link rel="shortcut icon" href="/images/favicon.ico"/>

    <!-- Bootstrap -->
    <link th:href="@{https://cdn.bootcss.com/bootstrap/3.3.7/css/bootstrap.min.css}" href="/static/vendor/bootstrap/css/bootstrap.min.css" rel="stylesheet">
    <link th:href="@{/css/style.css}" href="/static/css/style.css" rel="stylesheet">
    <link href="/css/response.css" rel="stylesheet">
    <!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
    <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
    <!--[if lt IE 9]>
    <script src="http://cdn.bootcss.com/html5shiv/3.7.2/html5shiv.min.js"></script>
    <script src="http://cdn.bootcss.com/respond.js/1.4.2/respond.min.js"></script>
    <![endif]-->
</head>
<body>
<div class="maincont">
    <header>
        <a href="javascript:history.back(-1)" class="back-off fl"><span
                class="glyphicon glyphicon-menu-left"></span></a>
        <div class="head-mid">
            <h1>购物车</h1>
        </div>
    </header>

    <table class="shoucangtab">
        <tr>
            <td width="75%"><span class="hui">购物车共有：<strong class="orange" th:text="${cartInfo.totalNum}">200</strong>件商品</span>
            </td>
            <td width="25%" align="center" style="background:#fff url(/images/xian.jpg) left center no-repeat;">
                <span class="glyphicon glyphicon-shopping-cart" style="font-size:2rem;color:#666;"></span>
            </td>
        </tr>
    </table>

    <!--<a href="javascript:;"><input type="checkbox" name="1"/> 全选</a>-->
    <div class="dingdanlist" th:each="item , itemStatus:${cartInfo.products}">
        <table>

            <tr>
                <td width="4%"><input th:data="${item.product.barCode}" th:value="${item.product.salePrice}" type="checkbox" checked name="selectProduct"/></td>
                <td class="dingimg" width="15%"><img th:src="'http://file.demengsite.cn/'+${item.product.productImag}"
                                                     src="/images/pro1.jpg"/></td>
                <td width="50%">
                    <h3 th:text="${item.product.productName}"></h3>
                    <time th:text="${item.product.colorName}+'  '+${item.product.sizeName}">红色 110</time>
                </td>

                <td width="20%">
                    <strong class="orange" th:text="${item.product.salePrice}+' 元'">¥0.00</strong>
                    <input type="button" th:data="${item.id}" name="deleteCart" style="padding: 3px 6px;" class="btn btn-default" value="删除">
                </td>
            </tr>

        </table>
    </div><!--dingdanlist/-->

    <div class="height1"></div>
    <div class="gwcpiao">
        <table>
            <tr>
                <th width="10%"><a href="javascript:history.back(-1)"><span
                        class="glyphicon glyphicon-menu-left"></span></a></th>
                <td width="50%">总计：<strong id="totalMoney" class="orange">¥0.00</strong></td>
                <td width="40%"><a id="submitOrder"  class="jiesuan">去结算</a></td>
            </tr>
        </table>
    </div><!--gwcpiao/-->
</div><!--maincont-->
<!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
<script src="/js/jquery.min.js"></script>
<!-- Include all compiled plugins (below), or include individual files as needed -->
<script th:src="@{/vendor/bootstrap/js/bootstrap.min.js}" src="/static/vendor/bootstrap/js/bootstrap.min.js"></script>
<script src="/js/style.js"></script>
<!--jq加减-->
<script src="/js/jquery.spinner.js"></script>
<script th:src="@{/js/cart.js}" src="/static/js/cart.js"></script>
<script>
    $('.spinnerExample').spinner({});
</script>
</body>
</html>